<template>
    <!--
    <div class="nav-item">
        <div class="nav-title">
            <h3>海外冬季目的地精选</h3>
            <b class="gn-arrow"></b>
        </div>
        <div class="nav-panel rank-panel">
            <ol>
                <li class="top3">
                    <em class="rank-num">1</em>
                    <strong>
                        <a href="/gonglve/mdd-10746.html" target="_blank">北海道</a>
                    </strong>
                    <a href="/gonglve/mdd-10746.html" target="_blank">在皑皑白雪中泡温泉</a>
                </li>
                <li class="top3">
                    <em class="rank-num">2</em>
                    <strong>
                        <a href="/gonglve/mdd-10549.html" target="_blank">冰岛</a>
                    </strong>
                    <a href="/gonglve/mdd-10549.html" target="_blank">亲近极北之地的莫测极光</a>
                </li>
                <li class="top3"><em class="rank-num">3</em><strong><a href="/gonglve/mdd-10202.html" target="_blank">澳大利亚</a></strong><a href="/gonglve/mdd-10202.html" target="_blank">在南半球过个暖洋洋的圣诞节</a></li>
                <li><em class="rank-num">4</em><strong><a href="/gonglve/mdd-10926.html" target="_blank">洛杉矶</a></strong><a href="/gonglve/mdd-10926.html" target="_blank">阳光加州，避寒圣地</a></li>
                <li><em class="rank-num">5</em><strong><a href="/gonglve/mdd-10754.html" target="_blank">新加坡</a></strong><a href="/gonglve/mdd-10754.html" target="_blank">活力四射的花园之城</a></li>
                <li><em class="rank-num">6</em><strong><a href="/gonglve/mdd-11058.html" target="_blank">斯里兰卡</a></strong><a href="/gonglve/mdd-11058.html" target="_blank">便利签证，异域风情</a></li>
                <li><em class="rank-num">7</em><strong><a href="/gonglve/mdd-15911.html" target="_blank">帕劳</a></strong><a href="/gonglve/mdd-15911.html" target="_blank">潜水者的朝圣地</a></li>
                <li><em class="rank-num">8</em><strong><a href="/gonglve/mdd-10179.html" target="_blank">缅甸</a></strong><a href="/gonglve/mdd-10179.html" target="_blank">踏上佛国净化之旅</a></li>
                <li><em class="rank-num">9</em><strong><a href="/gonglve/mdd-10067.html" target="_blank">菲律宾</a></strong><a href="/gonglve/mdd-10067.html" target="_blank">徜徉海岛间，潜入深海中</a></li>
                <li><em class="rank-num">10</em><strong><a href="/gonglve/mdd-11214.html" target="_blank">迪拜</a></strong><a href="/gonglve/mdd-11214.html" target="_blank">沙漠中的奇迹之城</a></li>
            </ol>
            <span class="nav-banner" style="background:url(http://file31.mafengwo.net/M00/DB/72/wKgBs1dfpuaATGRlAAAVhrE4pLc75.jpeg) no-repeat;">
                <a href="/gonglve/mdd-10122.html" hidefocus="ture" target="_blank"></a>
            </span>
        </div> 
    </div>
    -->
</template>

<script>
    export default {
        data () {
            return {
                themeItems: [
                    {
                        title: '海外冬季目的地精选',
                        items: [
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 2,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            }
                        ]
                    },
                    {
                        title: '海外冬季目的地精选',
                        items: [
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 2,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            }
                        ]
                    },
                    {
                        title: '海外冬季目的地精选',
                        items: [
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 2,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            }
                        ]
                    },
                    {
                        title: '海外冬季目的地精选',
                        items: [
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 2,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            },
                            {
                                rankId: 1,
                                addrName: '北海道',
                                brief: '在皑皑白雪中泡温泉',
                                href: ''
                            }
                        ]
                    }
                ]
            }
        }
    }
<script>

<style lang="stylus" scoped>
    .nav-item
        display: block
        width: 260px
        height: 40px
        background: yellow
        .nav-title
            height: 40px
            line-height: 40px
            padding: 0 15px
            border-bottom: 1px solid #ddd
            background-color: #fff
            font-size: 14px
            color: #666
            cursor: default
            z-index: 2
            h3 
                font-weight: normal
        .nav-panel
            position: absolute
            left: 258px
            top: -1px
            width: 350px
            height: 338px
            border: 1px solid #ddd
            background-color: #fff
            display: none
            box-shadow: 0 3px 2px rgba(0, 0, 0, .1)
            a
                color: #999
            &.rank-panel
                ol
                    position: absolute
                    z-index: 2
                    padding: 15px 10px
                    width: 260px
                    line-height: 30px
                    li  
                        height: 30px
                        overflow: hidden
                        &.top3
                            .rank-num
                                color: #ffa800
                            strong
                                a
                                    color: #ffa800
                strong
                    padding: 0 15px
                    font-size: 14px
                    font-weight: normal
                    color: #666
        .nav-banner
            position: absolute
            _top: 1px
            z-index: 1
            width: 506px
            height: 345px
            background-repeat: no-repeat
            background-position: right bottom
            display: none
</style>